<template>
	<view class="cost-index">
		<view class="cost-title">
			板桥汽渡收费标准
		</view>
		<view class="list-list">
			<u-parse :content="content"></u-parse>
			<!-- <view class="list-item-head">
				<view class="item"><text>车货总重量</text> 
					<text>(吨)</text>
				</view>
				<view class="item">
					<text>汽渡收费</text>
					<text>
						(元)</text>
				</view>
				<view class="item"><text>车货总重量</text>

					<text>(吨)</text>
				</view>
				<view class="item"><text>汽渡收费</text>
					</text>

					<text>(元)</text>
				</view>
			</view>
			<view class="list-item-body"> -->
			<!-- 	<view class="item">车型</view>
				<view class="item">车型</view>
				<view class="item">车型</view>
				<view class="item">限重(吨)</view>
			</view> -->
		</view>
	</view>

</template>

<script>
	import {
		getConfig
	} from '@/api/public.js'
	export default {
		components: {

		},
		data() {
			return {
				content: ''
			}
		},
		onLoad() {
			this.getData()
		},

		created() {},
		onShow() {

		},
		onPullDownRefresh() {

		},
		methods: {
			getData() {
				uni.showLoading({
					title: '加载中'
				})
				getConfig({
					type: 'price'
				}).then(res => {

					const {
						content
					} = res.data
					this.content = content || ''

				}).finally(() => {
					uni.hideLoading()
				})
			}
		}

	}
</script>
<style lang="scss" scoped>
	.clearfix {
		clear: both;
	}

	.cost-index {
		background: #F0F2F5;
		width: 100vw;
		min-height: 100vh;

		.cost-title {
			height: 59rpx;
			font-size: 42rpx;
			font-cost: 600;
			color: #323232;
			line-height: 59rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			padding-top: 30rpx;

		}

		.list-list {
			width: 690rpx;
			margin: 50rpx auto;

			.list-item-head {
				height: 80rpx;
				display: flex;
				align-items: center;

				.item {
					font-size: 26rpx;
					font-weight: 400;
					color: #909399;
					width: 25%;
					display: flex;
					align-items: center;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: center;
					text{
						width: 100%;
						text-align: center;
					}
					 

				}
			}

			.list-item-body {
				height: 80rpx;
				display: flex;
				align-items: center;

				.item {
					font-size: 28rpx;
					font-weight: 500;
					color: #323232;
					width: 25%;
					text-align: center;

				}
			}
		}
	}
</style>
